import {createApp} from 'vue'
import App from './App.vue'
import "ant-design-vue/lib/message/style/index.css"
import 'moment/dist/locale/zh-cn';
import '@/permission'
import locale from '@/locale/index.js';
import router from "./router";
import store from "./store";
import {permiss} from './utils/directive'
import * as echarts from 'echarts/core';
// 引入柱状图图表，图表后缀都为 Chart
import { PieChart } from 'echarts/charts';
// 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import {
    TitleComponent,
    TooltipComponent,
    GridComponent,
    DatasetComponent,
    TransformComponent,
    LegendComponent
} from 'echarts/components';
// 标签自动布局、全局过渡动画等特性
import { LabelLayout, UniversalTransition } from 'echarts/features';
// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers';

// 注册必须的组件
echarts.use([
    TitleComponent,
    TooltipComponent,
    GridComponent,
    DatasetComponent,
    TransformComponent,
    PieChart,
    LabelLayout,
    UniversalTransition,
    CanvasRenderer,
    LegendComponent
]);

const app = createApp(App)
app.directive('permiss', permiss)
app.use(router)
app.use(store)
app.use(locale)
app.mount('#app')
